<script>
export default {
	onLaunch: function () {
		console.log('App Launch')
	},
	onShow: function () {
		console.log('App Show')
	},
	onHide: function () {
		console.log('App Hide')
	}
}
</script>

<style>
#app {
	transition: all .5s;
}

.allMask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	position: fixed;
	left: 0;
	bottom: 0;
}

page {
	background: #F3F5F7;
}

.mixin-bgCover {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.mixin-positionCenter {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.mixin-coverPosition {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.mixin-horVerCenter {
	justify-content: center
}

.mixin-horVerCenter,
.mixin-verCenter {
	align-items: center;
	display: flex
}

.mixin-horCenter {
	display: flex;
	justify-content: center
}

.mixin-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

body,
html {
	font-family: Microsoft YaHei, PingFang SC, SanFrancisco, Roboto, SourceHanSansCN;
	height: 100%;
	margin: 0 auto
}

body {
	margin: 0;
	overscroll-behavior: none;
	padding: 0
}

div {
	box-sizing: border-box
}

h1,
p {
	margin: 0
}

@font-face {
	font-family: alph;
	src: url(https://wm-front-common.weimiaocaishang.com/wm-front-changqing-new-official-website/dist-prod/fonts/Alibaba-PuHuiTi-Regular.6d101d38.woff)
}

@font-face {
	font-family: alph-bold;
	src: url(https://wm-front-common.weimiaocaishang.com/wm-front-changqing-new-official-website/dist-prod/fonts/Alibaba-PuHuiTi-Bold.ecc9eb49.woff)
}

@font-face {
	font-family: Montserrat;
	src: url(https://wm-front-common.weimiaocaishang.com/wm-front-changqing-new-official-website/dist-prod/fonts/Montserrat-Regular.40fc1142.otf)
}

@font-face {
	font-family: Montserrat-bold;
	src: url(https://wm-front-common.weimiaocaishang.com/wm-front-changqing-new-official-website/dist-prod/fonts/Montserrat-SemiBold.ad0617cb.otf)
}

.alph {
	font-family: alph
}

.alph-bold {
	font-family: alph-bold
}

.ms-font {
	font-family: Montserrat
}

.ms-font-bold {
	font-family: Montserrat-bold
}

.page-module {
	position: relative;
	z-index: 3
}

.module-content {
	transform: translateY(5.20833vw);
	transition: transform 1s cubic-bezier(.42, 0, .03, .99)
}

.module-content.done {
	transform: translateY(0) !important
}

.app-enter-active,
.app-leave-active {
	transition: all .4s
}

.app-enter-from,
.app-leave-to {
	opacity: 0;
	transform: translateX(2.60417vw)
}
</style>
